
<div role="main" class="container">

<h1>Events you registered</h1>


  <div class="container-fluid" style="margin-top:3em;">


    <div class="row-fluid">

      <div class="span13">
        <!--Body content-->


<select class="form-control" ng-init="query='DECIDED'" ng-model="query">
         <option ng-repeat="state in possiblestates" value="{{state.stateq}}" selected="{{state.selected}}">{{state.statedesc}}</option>
    </select>


        <ul class="ownevents">

    <div class="col-md-6 show-grid">

          <li style="margin-right: 22px;" ng-repeat="event in events | filter:query | orderBy:orderProp" class="ownevent_thumbnail">


            <h2 style="font-size:16px; font-style: italic;"> {{event.name}}</h2>

<div class="descriptionarea">
{{event.description}}
</div>


<div class="statefont">
State : {{event.state | uncerScoreToSpace}}
</div>


              <div class="oddsfont">
               Posted <span am-time-ago="event.eventPosted"></span><br>
               Betting deadline <span am-time-ago="event.betDeadline"></span><br>
               Event starts <span am-time-ago="event.eventDecidedTime"></span>
              </div>

        <button type="button" class="btn btn-primary" ng-click="gotoEvent(event.id)">Go to</button>

</li>            

    </div>
        </ul>
      


      </div>
    </div>

  </div>




</div>






